<template>
  <div>
    <table-frame
      ref="frame"
      :removeKey="prop.removeKey"
      :getDataUrl="prop.getDataUrl"
      :removeUrl="prop.removeUrl"
      :searchShow="prop.searchShow"
      :operateShow="prop.operateShow"
      :location="prop.location"
      :searchModel="prop.searchModel"
      :reloadTable="prop.reloadTable"
      :colunmsCount="prop.colunmsCount"
      :showDelBtn="prop.showDelBtn"
      :delBtnPermission="prop.delBtnPermission"
    >
      <template slot="top_operate" slot-scope="currentRow">

      </template>

      <template slot="columns">
        <el-table-column align="center" fixed="left" prop="avatar" label="头像">
          <template slot-scope="scope">
            <el-image fit="cover"  style="width:50px;height: 50px" :preview-src-list="[scope.row.avatar]"
                      :src="scope.row.avatar"/>
          </template>
        </el-table-column>

        <el-table-column align="center"  show-overflow-tooltip prop="realName" label="真实姓名"></el-table-column>
        <el-table-column align="center"  show-overflow-tooltip prop="schoolName" label="学校名称"></el-table-column>
        <el-table-column align="center"  show-overflow-tooltip prop="city" label="城市"></el-table-column>
        <el-table-column align="center"  show-overflow-tooltip prop="inviteCount" label="邀请数量">
          <template slot-scope="scope">
            <div style="color:#E6A23C;font-size: 22px">
              {{scope.row.inviteCount}}
            </div>
          </template>
        </el-table-column>
      </template>
    </table-frame>
  </div>
</template>
<script>
let _this = {};
import searchModel from "./Search.vue";

export default {
  data() {
    return {
      dialog: {
        width: "40%",
        title: "新增/修改",
        visible: false,
        modal: true,
      },
      prop: {
        searchShow: true,
        operateShow: false,
        location: " 用户管理 / 邀请排行榜",
        getDataUrl: "/customer/rankingList",
        removeUrl: "",
        searchModel: searchModel,
        removeKey:'id',
        isPage:true,
        reloadTable: false,
        showDelBtn: false,
        delBtnPermission: ""
      },
      form: {

      },

      permission: {
      },

      rules: {

      },
      URL: {
      },
    };
  },
  created() {
  },
  methods: {

    reqResult(res) {
      if (res.R) {
        this.$success("操作成功");
        this.reloadTable();
      }
    },

    reloadTable() {
      _this = this;
      this.prop.reloadTable = true;
      setTimeout(() => {
        _this.prop.reloadTable = false;
      }, 1000);
    },
  },
};
</script>
<style>
</style>
<style scoped>
</style>
